Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 22, 2020 at 10:36 am #1206118
    francemedics

    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.

    April 22, 2020 at 10:50 am #1206123
    Yigit

    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

    April 22, 2020 at 1:07 pm #1206175
    francemedics

    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?

    April 22, 2020 at 1:18 pm #1206178
    Yigit

    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

    April 22, 2020 at 1:46 pm #1206191
    francemedics
    This reply has been marked as private.
    April 22, 2020 at 3:40 pm #1206229
    Yigit

    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

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