Problem with Copyright box in mobile mode.

Problem with Copyright box in mobile mode. Pls see the description in the attached picture.

Attachments:

You must be logged in to view attached files.

Hello,

You are facing this issue because you have set the margin and padding to 0px from VC column and VC element under Footer Right HTML Block as shown in these screenshots: https://screenshot.net/1x8z0uo & https://screenshot.net/9njlkb9, this margin, and padding is creating an issue on mobile version of the site, so now you have to remove the margin and padding from there as shown in the given screenshots and you have to remove the margin and padding using Custom CSS in a media query and then it will work for you accordingly.

You can use the below-given CSS code to Theme Setting >> Custom CSS and save changes and check your site on desktop and mobile after removing the browser cache.

@media(min-width: 768px){
.remove-space-from-desktop .vc_column-inner {
padding-top: 0px !important;
}
.remove-space-from-desktop .vc_column-inner div#ft-right {
margin-bottom: 0 !important;
}
}

Best Regards.

– No, it doesn’t work after following your instruction and clearing cached. The result can be seen in the attached picture. The result of the mobile and desktop looks the same. Previously, when I open the topic. The result of the desktop looks ok. The issue occurs only in the mobile.

– Last time I faced an issue with the height of a copyright content as you can see in this topic https://xtemos.com/forums/topic/height-of-copyright-container-after-inserting-html-block/. You instruct to add such padding and margin. And the issue was solved. Now that you told me to remove the padding and margin, the issue comes back again.

– Pls note that the html block name is “copyright”, not the one shown in your screenshot.

screenshot

Attachments:

You must be logged in to view attached files.

Hello,

Please delete the old custom CSS given in my last message and paste the below custom CSS code into Theme Settings >> Custom CSS >> Custom CSS for desktop section:

.remove-space-from-desktop .vc_column-inner {
padding-top: 0px;
}
.remove-space-from-desktop .vc_column-inner div#ft-right {
margin-bottom: 0px;
}
.min-footer .wpb_raw_code.wpb_content_element.wpb_raw_html {
    margin-bottom: 0px;
}

Best Regards.

Hi, now I’ve found a solution.

Previously I have this code: .copyright-left {margin-bottom:0px!important;}This is the issue. Now I use this code, it’s ok now both in mobile and desktop.

@media (min-width: 1025px) {
.copyright-left {margin-bottom:0px!important;}
}

Hello,

It is great to see you that you have solved the issue.

If you will need more help in the future, you can contact us anytime.

Thanks for contacting us.
Have a great day 🙂

[Author]

Posts