sandyms
Forum Replies Created
-
Posts
-
I does work!
I thought I would need to take out my custom.css to use yours instead. But I see that if I use my existing code and yours it is working perfectly.
Thank you so much!
PS – You can see that I have the top tag line working but not the phone below it. For some reason, I cant get that to center correctly.
I should clarify this first. When the responsive screen is mobile size, that is the only time I want the top left tagline and phone to be centered instead of left justified. Does that help?
Perfect. Exactly what I needed. Thank you!
I was trying this on my own but I didnt know where to place that class on the home page.
You are awesome!
Have a nice day!
We are close!
I made this messy probably but I was able to get the other pages to get rid of the left side space with your right=0 AND I added mt-0 pt-0. I wanted to have this tight at the top instead of seeing the page above the header when scrolling. It seems to work.
As for the other with turning the phone and the photo / text issue.
This is specific for the index page (the one I sent you the link).
The 40 px work with a specific custom tag and your code in the custom.css so that’s great!But, I need the other code to only be for this page because if it is added as you sent it, it goes on all pages and makes the top header transparent which can only happen on the home page.
So – can you help me make your custom code be for only the index page?
@media (orientation: landscape) and (max-width: 991px) {
html:not(.sticky-header-active) #header.header-floating-bar .header-body {
background-color: rgba(0, 0, 0, 0.4) !important;
}
}
I should add that if you go to another page (try Membership.html or policy.html), the static type menu at the top has some space on the left.
It shouldn’t have any spacing on the left or right but just go across.
You are seriously the best! The Gallery looks perfect now. Thank you so much! I would not have figured that one out on my own.
I will leave this ticket open as I try out the sizing for the slide on the home page. I think I should be able to get it but I have to try it out next first.
For the Gallery – it’s close! It gets messy with the layout and some spacing under some photos when it goes to the 767 px size. Then when the screen is reduced more, it goes to the single photos which is good though.
If we cant get it to lay correctly at 767 px, then how can I just have it go from the larger size and then at 767 go to the single photos?
For the slide – home pg –
I was really struggling with the longer text at the end of each slide but all of them in general. I see now that it is a tricky situation to get these to look good.Does this coding have anything to do with the screen sizes and would adjusting this help instead or along with adjusting the numbers?
in the slider top tag…
responsiveLevels’: [4096,1200,992,500]Also, with your snapshot – what are the 4 numbers referring to in order?
Is it: smallest screen, small screen, medium screen, and then large screen size?
I dont see the response I just sent…
Thanks for the help with the images.
I now need these 3 images to stay aligned at the top in the row of the 3… so that when there is text below the images, the images stay lined up at the top.The other area I am struggling is the section below the The Story Behind Attic Armor section.
The section starts with Built for Contractors – Loved by Homeowners.
I cant get the red line to be centered. You will see it to the left.
