Beer Pub – theme issues

[Christian]

Hey SKT,

Have some different troubles with my website theme – hope you can help! You can see the issues with images on this site as well: https://www.aswesayin.dk/2018/07/29/problems-and-pictures/

1. Menu text on mobile is quite small and difficult to hit right – can this size be changed and centered? Both font and size, only for the mobile version.

2. When I create a post (for my blog) the H1 is in a different font than the rest of the Headers (e.g. H1 in sites are correct) – I can’t seem to find where to change post H1’s though.

3. In my blog I use the box-design to recap my posts. In all my posts I have an image as the first thing, and the boxes are citing the image properties in the recap – how can I avoid this.

4. The space on the home sections from the top of each home section to the headline is quite big (especially on mobile) – how can I change this, so that you can se more of the page on mobile before scrolling?

5. The logo and slider text does not align, as the documentation shows – how to solve this?

6. How to align products on mobile version.

Hope that you can help getting this right – thanks for a good theme!

Kind regards,
Christian

[Christian]

Is there any updates on my issue? I can give you admin-details, if you want to login and fix it.

– Christian

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

Ans: 1

@media screen and (min-width:768px) and (max-width:1024px) {
.sidr { text-align:center;}
.sidr ul li a, .sidr ul li span { font-size:20px;}
}

Ans: 4
section { padding: 35px 0 !important;}

Ans: 5
.nivo-caption { left:11.5% !important} 

Ans: 6

@media screen and (max-width:479px) {
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding:.5em 15px !important;}
}

Ans: 2,3

Kindly send us your URL of the site and WordPress admin details (Username & Password) via sktthemes.net/contact Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Dave

[Christian]

Hey again,

There were some issues on implementation – sent you a link through the contact-page here on your website, and also see the issues post, where I am having some issues with the implementation: https://www.aswesayin.dk/2018/07/29/problems-and-pictures/

– Christian

[Sonnal S Sinha]

Hi,

Issue resolved from our end. Kindly check and confirm

Regards,
Dave

[Christian]

Hey Dave,

Still would like you to take a look at the other issues as well, and reading the https://www.aswesayin.dk/2018/07/29/problems-and-pictures/ page to the end (I had some issues with the mobile version and white bars appearing when adding CSS) – issue 2 and 3 looks fine though.

Please confirm, when you have solved this and thanks in advance!

-Christian

[Sonnal S Sinha]

Hi,

Issue resolved. Kindly check and confirm

Regards,
Dave

[Christian]

Hey again Dave,

The things I mention here have not been resolved – will you please look at this link, to see what is not working and causing troubles.

Link: https://www.aswesayin.dk/2018/07/29/problems-and-pictures/

Thank you,
– Christian

[Sonnal S Sinha]

Hi,

Kindly delete cache and do a forced refresh as we are not getting any kind of error in console.

To do a forced refresh kindly follow below instructions:

Windows/Linux:
1. Hold down Ctrl and click the Reload button.
2. Or, Hold down Ctrl and press F5.

Mac:
1. Hold Shift and click the Reload button.
2. Or, hold down Cmd and Shift key and then press R.

Regards,
Dave

[Christian]

I have tried that several times now. One of the problems is, that the menu writing is too small and not centered in the menu on mobile. Can you confirm, that this has changed when you view it? Also, the code (the nivo-code) just leaves a white bar on the right side of the screen when swiping the screen on mobile.

Menu size and alignment has not changed on the phone. What to do?

– Christian

[Christian]

Any news on this matter?

[Sonnal S Sinha]

Hi,

This is resolved from our end. Kindly check and confirm

Regards,
Dave

[Christian]

I have 2 issues:

1) When you add the padding, it places grey bars in the desktop version above and under the slider. I do not want these to be there. What I want is for the mobile-version (and the mobile-version only) to have more above ‘the fold’, bacause the spacing leaves a pretty big white area. See the pictures on this link, where I have updated to only concern this matter: https://www.aswesayin.dk/2018/07/29/problems-and-pictures/

2) Also, can you change the mobile-menu font to the “Lora”? Only on the mobile-device, thank you.

[Sonnal S Sinha]

Hi,

Q. 1) When you add the padding, it places grey bars in the desktop version above and under the slider. I do not want these to be there. What I want is for the mobile-version (and the mobile-version only) to have more above ‘the fold’, bacause the spacing leaves a pretty big white area. See the pictures on this link, where I have updated to only concern this matter:

Ans: Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

Q. 2) Also, can you change the mobile-menu font to the “Lora”? Only on the mobile-device, thank you.

Ans: Resolved

Regards,
Dave

[Christian]

Hi Dave,

The fonts look great now – thanks.

I uploaded the problem and pictures here on the website for you to see – I have explained the issues in much detail, so that you can see, what the problem is. Please read and follow the whole page, which is updated just for these issues. The issues are as follows, and looking forward to have them resolved:

1) Grey bar on each side of slider when adding padding – I only want the mobile version to have lower white spacing in the first home section, so that more is visible ‘above the fold’ on mobile.
2) Product buttons still do not align on mobile version.
3) Related products get messed up on mobile.

LINK: https://www.aswesayin.dk/problems-and-pictures/

Looking forward to a solution.

– Christian

[Author]

Posts