full width doesn’t work – solve with css

  • pp11

    (@pp11)


    4 years, 10 months ago

    Hi Together

    I’m doing a wp site with genesis framework and a studiopress theme. Unfortunately by the frontpage the full width content doesn’t work when i set it. Other pages works.. however, i will try to do the the first / front page to the full width size with css.

    Does anyone know how what the best practise is to solve that? plugin an with !important overwrite or direct in the theme editor / additional css?

    kind regards patric

    • This topic was modified 4 years, 10 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic
Viewing 3 replies - 1 through 3 (of 3 total)
  • Dave

    (@dvaer)

    4 years, 10 months ago

    Hey Patric,

    Would you be able to share a link to your frontpage so we can take a look?

    LitExtension_Lucas

    (@lucaslitextension)

    4 years, 10 months ago

    Hi @pp11,

    There are 2 ways to fix this issue:

    The First Way:

    Remove width: 100vw; from #topnav and .topnav.

    The Second Way:

    Your navbar was fine and worked correctly. But some element’s were wrong. When you use vw for width, you should be careful. Your total width of all elements must be maximum of 100%. I mean total width is “width + left + right”. You should check and recalculate for total width for every width.

    Here is the solution:

    
    .main-header{
          min-width: 95%;
    }
    .form{
          width:95%;
    }

    Let me know if my answer can help you resolve your issue.

    Thread Starter pp11

    (@pp11)

    4 years, 10 months ago

    Hi there

    First of all – thank you very much for the quick answer!

    @dvaer i’m not, sorry..

    @lucaslitextension where should i place the code / do you know where i should take a look for that?
    i’m new with wp – i don’t see the theme code in the theme editor – i have a parent and a child theme. i don’t see where i can edit html and css for a site, is that normal?

    kind regards
    patric

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘full width doesn’t work – solve with css’ is closed to new replies.