Action Bar Right and Left Margins Changed by Itself

Hello people

My website changed without me changing anything on the options menu. The Action bar had some margins on the right and left, which was great so I could have the sliding top on one of the sides without conflicting with the content of the bar. But now it doesn't have the margins anymore, what happened?

http://imgur.com/0GWxGxE <-- this is how it used to look

Now it's not as good.

PS: I'm thinking about dropping all these features as they just conflict with each other.

Comments

  • Hi,

    as we remember, we were giving you css for that in the past but as we can see, you just removed it. So if you want to set padding again, please use the following css:
    #Action_bar .column {
        margin-bottom: 0 !important;
        padding: 0 40px;
        box-sizing: border-box !important;
    }
  • I don't remember, can you show me the thread where you provided me with the CSS for this?

    Also, this doens't explain why it changed, because I have never included a CSS code for this.

    1 - I mainly want to understand why the website changed by itself. Can you tell me why this could have happened?

    2 - I have unchecked the "Full Width (for layout: Full Width)", but I am not sure what that does, I thought at the time that was what gave me the desired effect. I didn't find it in the documentation, can you tell me what this option does exactly?
  • We don't remember where exactly it is because we do not monitor all messages posted by users. There is too many channels that you contact with us and that's why it's impossible. We just remember this site and we remember above css very well as well.

    1. We have no idea why it changed itself and how was it working in the past on your site. Action Bar was always full width and it never had any padding/margin inside. So if you want to move action bar items more to the center, you need to use above css.

    2. We have 2 layouts under Theme options > Global > General section. It's Full width and Boxed. Full width means that the whole content is full width (from the left to right) but Boxed means that content is inside a box.
  • Thanks for replying and thanks for the CSS.
     

    2 - I said the "Full Width (for layout: Full Width)", it's under the "Header" options.

    Can you explan what this function does? I didn't find it explained in the documentation.

    HeaderHeader

  • Can you show us this section of screenshot? Because we do not have this option under Header section.
  • Ok, got it. So this option expand top bar to be full width (out of the Wrapper).
  • Thanks for clarifying

    Best regards
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.

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.