-
Posts
-
Hi All,
I’ve used this code:
avia-menu.av-main-nav-wrap,
.main_menu {
width: 100%;
display: flex;
justify-content: center;
}
To move the menu to the center on desktop, but I can’t see how to make the hamburger menu then be moved to the right (it is currently aligning to the left and covering the logo).
Any ideas?
ThanksHey gazbo1,
Please try this CSS instead:
@media only screen and (min-width: 768px) { avia-menu.av-main-nav-wrap, .main_menu { width: 100%; display: flex; justify-content: center; } }If that doesn’t work then please post a link to where we can see the actual elements.
Best regards,
RikardHi,
Great, I’m glad that you got things working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardHi higirl_21,
Could you post a screenshot or mockup highlighting your intentions please?
Best regards,
Rikardhttps://atharraprimeland.com/wp-content/uploads/2020/07/atharra-scaled.jpg
link above, the screenshot my homepage. there is a yellow circle there, my MENU, i want it to be aligned with the LOGO and social media.
align means, same row.
please help. i have deadline. please!
if u want to see my actual website: https://atharraprimeland.com.
or can i make my menu BAR like the screenshot that i paste above? same format? is it possible?
the webiste that i want to copy is this: https://www.e-rockwell.com/
pls help.
have you ever tested your hamburger menu?
on my end it does not open!the whole responsive case is in a mess – sorry to say that.
Hi,
@higirl_21 Sorry for the late reply, it seems like your current menu is bar style, such as your example site, which seems to work well. I don’t think there is enough room for your logo, menu, & social icons to all be in the same row, but you could try the header settings “logo left, menu right” in the “Menu and Logo Position”.
Do you mean to have your social icons to also show the title?
Please see the screenshot in Private Content area.Best regards,
Mike
- You must be logged in to reply to this topic.