Okay
  Public Ticket #1537351
Center Logo on mobile / Move Widgets
Open

Comments

  • guy avner started the conversation

    hey :)

    1) may i please have a css code that will make the logo centered in mobile / tablet view?

    2) the secend request is a bit more difficult i guss.. i need a css code that will flip the order of the page's title in mobile / tablet view..if possible...

    3) i need a css that will move the social media icons in the site menu to the left side.

    http://www.shaken.co.il

    thank you very very much!!

    Guy

  •  296
    Support Agent 1 replied

    Hi,

    1. In order to center the logo, please try adding the code below:

    @media (max-width: 990px) {
        .btLogoArea .logo img {
            margin-left: 90px;
        }
    }


    2. Regarding the second issue, we suggest you to use Custom CSS added in Column. Than use added Class and define its alignment. For example:

    .my-column {
        text-align: left;
    }

    3. Please add following statements to Additional CSS field on Appearance > Customize panel:

    .btMenuHorizontal .topBarInMenu {
        left: 10%;
        position: absolute;
    }
    

    Please edit the numbers according to your needs.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • guy avner replied

    1) it moves the logo.. but it's not centered.. 

    2) i didn't understend.. are you sure you understend my question? i want to flip the order of the titles in the mobile veiw.. maybe i can make an costum menu only shown on mobile\tablet? 

    3) fixed!

  •  39
    BoldThemes replied

    Hi,

    You can try the following:

    @media (max-width: 990px) {
        .btMenuVertical .btLogoArea .logo {
        margin-left: 40% !important;
        }
    }

    If you need to fine tune it on lower resolutions add another statement  below this one with lower max-width and different percentage.

    Related to question number two, can you please send us annotated screenshot of what you are trying to achieve?

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating.
    A huge thank you from BoldThemes in advance!

  • guy avner replied

    attachment added

    Attached files:  flip.jpg

  •  39
    BoldThemes replied

    Hi,

    Please use the following css statements to reverse the order of vertical menu:

    .btMenuVertical ul.menu{
        transform: rotate(180deg);
    } .btMenuVertical li.menu-item{
         transform: rotate(-180deg);
    }

    It should do the trick

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating.
    A huge thank you from BoldThemes in advance!

  • guy avner replied

    ohhhh thank you!!! so much! love you!

    ❣❣❣❣❣❣❣❣❣❣

  •  296
    Support Agent 1 replied

    Hi,

    You're welcome! Glad we could help.

    If you are satisfied with our support or you like our product, please consider leaving us a rating. We would really appreciate it! 

    A huge thank you from BoldThemes in advance!


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  •  296
    Support Agent 1 replied

    Thank you very much!


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!