Footer Box Margin

Hey @umairah97,
The gapping/padding on the top and bottom of the “BOOK NOW” footer is equal.
The text elements in HTML take a bit more spacing on the bottom side, which depends on fonts and the element/tag used.

However, you can add the below CSS code at the bottom of style.css file to solve the issue:

h2.elementor-heading-title{
	height: 24px;
}

Path: wp-content/themes/twentytwenty/style.css

Hey @prabhatrai thanks, got it now! I’ve another problem though, my website currently has this HUGE space at the bottom. Any idea why?

Hey @umairah97,
There is an element under the footer section which does not have much content, it is just taking the spaces.
However, you can add the below CSS code at the bottom of style.css or customizer.css file

footer.has_ma_el_slider{
    display: none;
}

Works perfectly, thank you so much! ??

Hey @umairah97,
The hamburger icon in the header (in mobile mode) is white on the home page.
Is the issue solved or, are you referencing any other section??

Solved it, thanks a bunch! @prabhatrai ??

Hi @prabhatrai , so sorry to disturb you again. I require one last assistance. In this website (centsless.co), my instagram feed on the footer seems to be in rectangle shape, I’d want it to be in square shape. Any idea how to change this? I am using Smash Balloon Instagram plugin but there seems to be no option to change it under settings ??

Hey @umairah97,
The Instagram icon is in a square shape, just the edges are rounded.
This icon is an image and cannot be directly changed.

However, you could contact the plugin developers via the official support channel to get a precise solution.

Contact them here: https://smashballoon.com/instagram-feed/support/

Hi @prabhatrai , I meant the six images of my Instagram feed in my footer.

Hey @umairah97,
Add the below CSS code at the bottom of Customizer.css file:

.sbi_photo{
    height: 127px !important;
}

It works on all pages, except the shop page tho!

Also, this changed the sizing of the images in mobile (used to be square previously, now its rectangle size) :/

• This reply was modified 4 years ago by umairah97.

Hey @umairah97,
You can replace the previous code with the below code:

@media(min-width: 991px){
    .sbi_photo{
	height: 127px !important;
    }
}

Thanks @prabhatrai YOU ARE THE BEST ??

Happy to Help ??

Hi @prabhatrai , I’ve another issue with duxtonreserve.com website. Some of the words go missing when I minimise my tab. For example, under the “Amenities & Features” section – the words are cut off when the screen is minimised. Do you have any idea on how I can overcome this?