Tabs not centralised

  • Resolved OneLineStudio

    (@onelinestudio)


    10 years, 4 months ago

    I know this is very picky but does anyone know why my header tabs are not central against the logo?

    And how to fix it

    See https://www.onelinestudio.co.uk/

    The home who what where blog buttons against the logo above are slightly offset to the left but these are automated settings…

Viewing 1 replies (of 1 total)

  • Hi OneLine Studio,

    The containing elements seem well aligned, but the elements within the containers look a bit misaligned because their dimensions don’t fill up the entire containers. To mitigate this, you could add this style rule to a custom CSS editor or a child theme for the desktop screens (using media queries): 

    .main-navigation {
    margin: 10px 0 0 20px;
}

    But leave the existing CSS rule for the mobile screen view, which is this:

    .main-navigation {
    display: block;
    float: left;
    margin: 10px 0 0;
    position: relative;
}

    I did try to delete the float to the left, but it’s not what’s causing this slight issue.

    I hope the solution works for you ??

    – Maria Antonietta

Viewing 1 replies (of 1 total)
  • The topic ‘Tabs not centralised’ is closed to new replies.