- This topic has 5 replies, 3 voices, and was last updated 1 year, 10 months ago by
.
-
Posts
-
I am trying to achieve the following:
In desktop mode, I want to show all the top level links.
In mobile mode, I want the hamburger menu to show, but I want the contact link to be visible.
I’ve got it to kind of work, by adding the contact link in the right html, but the spacing doesn’t look right. In desktop, I would like the contact link to be next to the tips link.
The site https://autorepairba.com
Any suggestions, on what I’m overlooking or how to accomplish this?
The Contact field is in its own <span> field. It looks fine on the mobile menu display as is, I think. And I don’t think it looks out of place on the standard menu bar, although it does end up floating on its own line for the tablet view.
I played some with the CSS, but couldn’t get it to move about much. Perhaps @scrambler can find some CSS rule.
I cant access the site I get
Your access to this site has been limited by the site owner
Your access to this service has been limited. (HTTP response code 503)
May be because I am in europe right now…..
I was able to access the site using a VPN.
Given the structure of the menu and the right HTML, I cant see any way to move it left against the tip menu item.
I see two possibilities.
On desktop, I could make the contact us move left of the menu (before Home). That could be done with CSS to float the HTML area left instead of right on desktop.
The other method would be to Hide the right HTML area on desktop, then add the contact us as a link item in the menu after the tip menu item, then I would hide that menu item on mobile using CSS, so it only shows on desktop.
Let me know what you would prefer and I can go into more details for the CSS
- You must be logged in to reply to this topic.