Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1088500

    Hi,
    I added an additional logo to our header following the steps in this web page.

    How can I modify the space between the two logos?
    Also, when I make changes to the theme it shows the changes instantly while I am logged in, but when I log out the changes those not reflect. It takes minimum few hours to see the change, do you have any explanation about it?

    #1088773

    Hey jayflavs,

    Try adding this css code in Quick CSS:

    .responsive #top #header #header_main .inner-container #media_image-3 {
        position: absolute;
        left: 220px;
    }

    Just adjust the left value.
    As for the changes not reflecting instantly when logged out, it’s definitely caching, you may need to flush out cache or if you’re still in development mode, don’t enable it.

    Best regards,
    Nikko

    #1088949

    Hi, Thanks for your reply.
    It worked but the menu is left aligned now.
    It is meant to align right.
    Is there any extra CSS required to fix this?

    #1089036

    Hi jayflavs,

    I see, just replace:

    left: 220px;

    with:

    right: 20px;

    just adjust the value.

    Best regards,
    Nikko

    #1089394

    It did not work…
    I just changed the size of logo….

    By the way, how can I fix the issue with sticky header covers the first image slide on mobile view?

    #1089562

    Hi jayflavs,

    You can try adding z-index to the slider:

    @media only screen and (max-width:479px) {
      .home #full_slider_3 {
        z-index: 502;
      }
    }

    Top padding maybe needed as well, since the header is already in fixed position.

    Best regards,
    Nikko

    #1089832

    Thank you.

    #media_image-3 {
    border-left-style: solid;
    border-color: #e1e1e1 !important;
    border-left-width: 1px;
    }

    I added a line between two logos by adding this quick CSS.
    Is there any way I can reduce the size of the border to 30%?

    Or would it be easier, if I just add another widget of a short border?

    #1090390

    Hi jayflavs,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #footer #text-3.widget {
        width: 60%;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1090804

    Hi Victoria,

    I actually need to reduce the height of the border, not width.

    #1091392

    Hi jayflavs,

    Just adjust the height value. Hope this helps:

    #top #media_image-3:before {
        content: '';
        height: 40px;
        width: 1px;
        background-color: #e1e1e1;
        visibility: visible;
    }

    Best regards,
    Nikko

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.