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

    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?


    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,


    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?


    Hi jayflavs,

    I see, just replace:

    left: 220px;


    right: 20px;

    just adjust the value.

    Best regards,


    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?


    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,


    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?


    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,


    Hi Victoria,

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


    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,

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

You must be logged in to reply to this topic.