Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 19, 2020 at 12:22 pm #1261513
    swisstraveler

    Hi
    I am wondering whether it is possible with the Lifestyle Blog Demo to omit the logo section (my blog: Swiss Traveler travel & dine in style). Personally, I find the logo (section) too large and would like to leave it away completely. Instead I would like to integrate a small logo at the beginning of the main menu where the categories are shown. In my case, at the beginning of the section “destinations, hotels etc.”). Is this possible and if yes how to proceed?
    Many thanks and best regards, Franziska

    November 19, 2020 at 12:37 pm #1261519
    Yigit

    Hey,

    Yes, that would be possible.

    – Please add following code to bottom of Quick CSS field in Enfold theme options > General Styling

    
.html_top_nav_header .av-logo-container {
    height: 70px;
}
@media only screen and (min-width: 990px) {
.logo {
    display: none !important;
}}
@media only screen and (max-width: 989px) { 
.desktop-only {
    display: none !important;
}}

    – Go to Appearance > Menus and add a new Custom Link with your home URL and insert your logo image using HTML in Navigation Label field
    – Click “Screen Options” on the top right corner and check “CSS Classes” – https://imgur.com/a/l1x9WOy
    – Insert “desktop-only” to custom CSS field of your menu item – https://imgur.com/a/QY0uw5E

    Logo in menu item would be displayed on screens larger than 990px and for below default logo would be displayed :)

    Best regards,
    Yigit

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