I have a question regarding the spacing and position of the logo on an ipad. We have put a relative small logo on the website (https://www.kuiphuis.nl), however when visiting the website on an ipad the logo has a lot of spacing around it and is show above the menu.

Is it possible (and with what code) to change the spacing around the logo for ipad/tablet screens and align it to the left with custom css?

With kind regards

First of all sorry for the longer response time but we are gone for the holidays and our connectivity is limited so we can show up just from time to time during this period. Thank you for your understanding.

You could use the “Custom CSS” field or a Child Theme to add the necessary CSS code which would control how the logo would look like on Tablets (768px) and on Mobile Phones (less than 768px).

You can do that with media queries. To read more about them:

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

CSS3 Media Queries

You can use “Inspect Element” functionality to see what class names and CSS selectors were used and target the logo and update its padding, margin, float it left, etc.. You need to know CSS well to be able to manage that. Oe simply ask a web developer to do it for you.

Inspect Element to make CSS changes using Custom CSS or in Child Theme

Hope this helps you get in the right direction.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market