Home › Forums › Basel support forum › Change layout footer

Change layout footer

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 15, 2021 at 3:34 pm #273645

    sandervbeuningen
    Participant

    Hi there,

    In the theme settings –> footer, there are only a few things possible:

    – Single Column
    – Two columns
    – Three columns
    – Four columns
    – Six columns

    Do you also have a layout for five (5) columns?
    I can’t fix this with the HTML Blocks because otherwise the layout is very different…

    I have 5 columns now, made with HTML Blocks, but then the layout is different on the mobile phone.

    https://ibb.co/ssBB1h5

    March 15, 2021 at 5:59 pm #273675

    Elise Noromit
    Member

    Hello,

    Unfortunately, Footer layouts do not have the layout of 5 columns. If you check any layout, for example, 4 columns, you will see that they are aligned in one column on mobile.

    You can set any width of the columns in the HTML on different devices: https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/

    Alternatively, you can consider two rows layouts https://prnt.sc/10mj2du , they have 5 columns layouts, leave the first Footer Colum empty and you would get such a result https://prnt.sc/10mj16a

    If you have any questions please feel free to contact us.

    Best Regards

    March 22, 2021 at 10:07 am #275369

    sandervbeuningen
    Participant

    Thanks for your response.

    I made 5 columns with the HTML Blocks. On the computer it looks great. That’s not the problem.
    See printscreen. https://ibb.co/JQPb5Z6

    But now I have the following problem:
    On the homepage I have a revolution slider. For this I made the column in the length smaller so that the slider connects to the footer. The column on the website is now -50px down under.

    But when i open this on the mobile phone, it looks like this:
    https://ibb.co/GtG044w

    So there is a problem with the -50px on the mobile phone.
    Some of the text disappears behind the slider on the mobile phone.
    Do you have a CSS so you can see the whole footer on the mobile?

    March 22, 2021 at 8:42 pm #275550

    Elise Noromit
    Member

    Hello,

    You can assign a class to the row which you set top margin: -50px, then set this margin the Theme Settings > Custom CSS > Desktop/tablet, and remove the margin in the row setting, as a result, you will have -50px top margin in the desktop and tablet, however, zero margin and nice look on mobile.

    If you have any questions please feel free to contact us.

    Best Regards

    March 23, 2021 at 11:53 am #275720

    sandervbeuningen
    Participant

    Thanks for your response Elise.

    I remove the CSS now from the row settings at the page. But do you have the CSS code for me to have -50px at the desktop and tablet?

    March 23, 2021 at 5:24 pm #275810

    sandervbeuningen
    Participant

    Problem is already solved!

    Found it.

    Thanks for all your help.

    You can close this topic!

    March 23, 2021 at 8:51 pm #275853

    Elise Noromit
    Member

    We are always happy to help you, write to us when you have any difficulties or issues with our theme.

    We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

    Thank you in advance

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)