Support Center Visit Demo License manager Buy @ envato

Issues with Configuring Menu Margins

themoodprojectthemoodproject
in Theme Options

Here is the website: https://praxoglobal.com/home/

The menu is created using the Theme Options, but I can't find a way to adjust the side margins. I want to align them with the margins of the website, but in the Theme Options, there's only the option to set it with practically no margins (the 'Full width' option, which doesn't work for me because it doesn't leave enough space), or to center it more (Boxed Sticky Header), which doesn't work either because when scrolling, the logo isn't aligned with the headlines (which are aligned to the left).

I noticed that in the Theme Options, you can adjust the menu's height, but I don't see where to adjust the side margins. How can I do that?

Comments

  • PhilPhil

    Hi,

    Please go to Betheme -> Theme options -> Global -> Logo, and check an option to remove the left margin.

    image.png

    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • themoodprojectthemoodproject

    The problem is not this, since if you now go to the link on the website, the menu has no margins now. What I want is for the menu to have the same side margins as those throughout the website, so that the logo is aligned with the headlines on the left and the 'Contact' item in the menu also has the same left space as the other blocks on the website. Perhaps it cannot be adjusted from the Theme Options and something else needs to be done...

  • PhilPhil

    Right now, you have activated the full-width option.

    Please deactivate it so I can take a second look at this.


    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • themoodprojectthemoodproject

    Hi! I've already deactivated the full-width option.

    The right and left margins of the menu are not exactly the same as the margins of the different blocks on the website. But maybe they can't be adjusted in any other way from Theme Options. Let me know.

    Thanks!!!

  • PhilPhil

    Please use the following CSS code:

    #Header .container{
 padding-left: 0!important;
 padding-right: 0!important;
}

    Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • themoodprojectthemoodproject

    Hi!

    I’ve added the CSS code in the Theme Options, and it’s working perfectly. Thank you so much.

    However, I have another issue: on mobile, the menu appears without margins (specifically the logo, and I’m not sure if it’s due to the CSS I’ve added). As you can see in this screenshot, the logo is touching the top and left edges of the screen, whether you’re at the top of the page or scrolling.

    IMG_9677.PNG


    Can you help me add margins to the header logo?

    Thanks!

  • PhilPhil

    Please also try this CSS code:

    @media only screen and (max-width:767px){
 .logo-no-margin #Top_bar .logo{
   margin-left: 15px!important;
 }
}

    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.