Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 9, 2019 at 3:18 am #1088500
    jayflavs

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

    Example of widget area next to the logo

    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?

    April 9, 2019 at 6:18 pm #1088773
    Nikko

    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

    April 10, 2019 at 3:36 am #1088949
    jayflavs

    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?

    April 10, 2019 at 9:33 am #1089036
    Nikko

    Hi jayflavs,

    I see, just replace:

    left: 220px;

    with:

    right: 20px;

    just adjust the value.

    Best regards,
    Nikko

    April 11, 2019 at 5:50 am #1089394
    jayflavs

    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?

    April 11, 2019 at 2:33 pm #1089562
    Nikko

    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

    April 12, 2019 at 3:35 am #1089832
    jayflavs

    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?

    April 13, 2019 at 4:47 pm #1090390
    Victoria

    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

    April 15, 2019 at 3:02 am #1090804
    jayflavs

    Hi Victoria,

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

    April 16, 2019 at 12:04 pm #1091392
    Nikko

    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

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.