• Resolved Daylliance

    (@daylliance)


    Dear all,

    Can you please help me to change the placement of the items in my topbar?
    I want the ‘shopping car’ in the right corner, the ‘Gratis verzending binnen Nederland’ in the middle and the ‘English Nederlands’ in the left corner.
    Thank you in advance!

    Sanne
    https://www.daylliance.com

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hey,
    Add “Gratis verzending binnen Nederland” into the text part of the text widget, leave the title blank. then add this css in your theme options > advanced settings:

    @media (min-width: 768px){
        .kad-topbar-left {
        float: right;
        width: 20%;
    }
    .kad-topbar-left .topbarmenu ul {
        float:right;
    }
    
    .kad-topbar-right {
        width: 80%;
    }
    }
    .kad-topbar-right .topbar-widget {
        padding: 0;
    }
    
    .kad-topbar-right .qtrans_language_chooser {
        float: left;
    }
    .kad-topbar-right .qtrans_language_chooser:after {
       clear:both;
       display:table;
       content:' ';
    }
    .kad-topbar-right .textwidget {
        float: right;
        padding: 5px;
    }

    Kadence Themes

    Thread Starter Daylliance

    (@daylliance)

    Thank you so much! It helped, but now the placement of the items in the topbar of the mobile version of the website is not right any more.
    Can you help me to change it, so the language chooser, tekst widget and shopping car are underneath eachother in the center of the mobile topbar?

    Thank you in advance!
    I love the theme and the service!

    Hey,
    You can add this:

    @media (max-width: 767px){
        .kad-topbar-right .textwidget {
        float: none;
        text-align: center;
    }
    
    .kad-topbar-right .qtrans_language_chooser {
        float: none;
        text-align: center;
    }
    
    .kad-topbar-right .qtrans_language_chooser li {
        float: none;
        display: inline-block;
    }
    
    .topbarmenu ul li {
        float: none;
        display: inline-block;
    }
    
    .topbarmenu ul {
        text-align: center;
    }
    }

    Glad to hear you like the theme!
    Kadence Themes

    Thread Starter Daylliance

    (@daylliance)

    It’s perfect now! Thank you so much!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Top Bar Placement’ is closed to new replies.