Horizontal alignment problems

Home – Elementor Forums Premium Themes Support ForumHorizontal alignment problems ShopfrontHorizontal alignment problems Horizontal alignment problems

This topic contains 1 reply, has 1 voice, and was last updated by  bloohair 1 week, 6 days ago.

  • Author
    Posts
  • #304618

    bloohair
    Participant

    I have two issues, one with the alignment of the carousel caption header h2:-
    It does not site centrally on wide browsers and looks a mess. I need the width of the carousel caption to be able to be wider on screens wider than 1200px – it looks a mess otherwise. I have tried adding extra rules into the CSS, but none of it works:

    For example:
    .carousel-caption h2 {
    font-family: Open Sans, sans-serif;
    font-size: 48px;
    font-weight: 800;
    padding: 20px;
    max-width: 1100px;
    margin: 0 auto;
    background-color: #666;
    opacity: 0.8;
    color: #fff;
    }

    AND
    A similar issue with the main header navigation, we have more menu items than the space allows, and therefore need the menu area to begin underneath the logo, so clear the logo, float left and 100% width. Again, have tried all manner of tweaks to the CSS and added it into the Customise, but nothing has worked, please can you help me get this sorted. Example:-

    .navbar-default {
    margin-left: 0;
    clear; both;
    float: left
    }

    Does nothing.

    The theme should be more flexible – not every client and every project will fit this box so a bit of movement is necessary.

  • #305745

    bloohair
    Participant

    Hello?

You must be logged in to reply to this topic.