Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1206118

    Hello,

    I really love your theme that I have already bought 4 times and I still think it is the most greatest one available.

    I am looking for a custom css code to create a different beahavior for the socket menu in the mobile view.
    I have created a child theme so I can both use the General style custom CSS area in the theme options or the child theme editor in order to add the custom code in the style.css file.

    At this very time the menu located in the socket of my website is displayed in one line. I have 5 links in 1 line in the socket menu and I would like to have 5 lines (one dedicated line per section) on the mobile view instead of having the links displayed only in 1 line.
    Is it possible to have a custom css code to create one 1 line per link in order to have my links displayed one below the other?

    Thanks and keep the great work.

    #1206123

    Hey,

    Thanks for contacting us!

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

    @media only screen and (max-width: 480px) {
    #socket .sub_menu_socket li {
        float: none;
        margin-bottom: 10px;
    }}

    Best regards,
    Yigit

    #1206175

    Great.
    Many thanks for your help.
    By the way, can you explain me why the same code works in the Quick CSS field in Enfold theme options > General Styling textarea zone and why this code is not taken into account if I past it in the style.css file of my child theme?

    #1206178

    Hi,

    You may need to add !important rule in style.css file of your child theme as following

    @media only screen and (max-width: 480px) {
    #socket .sub_menu_socket li {
        float: none !important;
        margin-bottom: 10px !important;
    }}

    Best regards,
    Yigit

    #1206191
    This reply has been marked as private.
    #1206229

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Custom socket menu for mobile’ is closed to new replies.