Forum Replies Created
-
Posts
-
That works much better thanks,
What the images show is that on a mobile view, using your CSS deleted the embed 10% signup box.
It works fine on desktop. But on the mobile view the embed signup box is gone..
Hey Mike,
Thanks for getting back to.
What I mean is I want Legal Information to ‘align right’.
As in text left align, centre, right align or justify.
Does this make sense?
<div style=”text-align:right”>This text will be aligned to the right.</div>
Hi,
It made the desktop version look a bit better but there’s still a lot of unnecessary white space above:
On the mobile view, it actually deleted the embed sign up code block.
Before:
After:
Thank you! Almost there..
I apologise for not being clear enough but what I meant when I said that I needed to align the second one, I want to align the Legal Information widget to the right on mobile view.
Hi Rikard,
Here’s a link which should make what I’m after a bit clearer..
I want to get rid of the spacing that I’ve boxed in with the red rectangles.
It appears to be the spacing above and after the code snippet.
Thanks,
Harvinder
This is the css code that I’m using:
@media only screen and (max-width: 767px) {
#footer .container {
display: flex;
flex-wrap: wrap;
}
#footer .flex_column:nth-child(1) .widget {
width: calc(50%);
float: left !important;
clear: none;
}#footer .flex_column:nth-child(2) #nav_menu-2 {
width: 100%;
float: none;
}#footer .flex_column:last-child .widget {
text-align: center;
}
}Also.. I’ve used this css code to make the bottom widget centred.
#footer .flex_column:last-child .widget {
text-align: center;
}
}The button doesn’t look that good.. Is there a way to make it full width instead?
This actually has aligned the top two widgets which is actually better.
However.. Is there a way of making the second one align right?
Hi – that doesn’t appear to have done much..
Can you see the unnecessary white spacing here?
On the desktop view too..
Hi – it’s the same with the desktop view. I’ve reduced the padding and eliminated it in some cases but it doesn’t seem to make a difference?
This actually shows the main image with thumbnails underneath?
I was just looking to amend the previous code:
@media only screen and (max-width: 767px) {
#top.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > a {
display: none;
}
}To show only three thumbnails instead of all of them :)
Mike,
Thank you so much.
This is almost perfect – the last change I would like to make is for it to show just three thumbnails instead of all of them please..
Thank you for this.
Ideally, I would like to have four small thumbnail images with two being displayed side by side in a grid of four.
Is this possible?
Also, if I just wanted to show the main image, is this the correct CSS code? Or is there a simpler way?
@media only screen and (max-width: 767px) {
#top.single-product .woocommerce-product-gallery .thumbnails a:nth-child(n+0) {
display: none;
}
}Thank you Mike,
Number 1 works perfectly :)
2. Just at the bottom of the page so after the additional information.
3. Appreciate the suggestion but I feel that it is important to have the images showing first. Is there a way to show just two images side by side instead? Perhaps a slider if possible?
This is the website that I was referring to.
Hi,
I would like it to be like this:
It appears that the break point is 480px. I want it to stay so that it shows the products side by side.
Thanks,
Harvinder
My understanding is that we need a header.php and footer.php in the Child Theme file location.
Or is this not the case?
Hi – revisiting this as it doesn’t appear to be working..
I’m trying to delete the white space above the logo on desktop and mobile view.
It appears to be working in desktop view but not mobile view..
Can you please help?
And more specifically, I don’t want there to be any blank space at the top of the screen? It’s just wasted space..
Thank you so much for this..
How do I change the colour of the logo in the footer?
All of them are grey except for the TikTok one which is white..
Hey,
If you can login and help with this it would be much appreciated as I’ve tried many times but to no avail.
I would like the option to use the Telegram logo too.
If you could create some kind of step by step guide specifically for TikTok I believe that this would help a lot of people out.
Thanks,
Harv
