Forum Replies Created
-
Posts
-
Hi,
I don’t think you understand what I mean. Please see screenshot – https://filebin.net/teeschd2tgvuqzto/Screen_Shot_2019-06-29_at_12.13.18_PM.png?t=y8eqfpup
The following CSS is not working
@media only screen and ( min-width: 768px ){
.flex_cell {
min-height: 200px !important;
max-height: 300px !important;
}Thanks
Is there an easier way to do this because I will have a lot of similar blocks/sections like that on the page. Can the background image position not be controlled by CSS just for mobile?
I am not block any locations, I am not sure why are they down
this site is opening fine by itself on my end
https://alphacapitalpartnersllc.appone.com/Fully ADA compliant website done with enfold
Ok thanks
Now is it possible to adjust the image position JUST on mobile? This will require a trial and error on each color section but if I can get the code for that, I will play around with it. Again only on mobile.
I applied it but it is still showing on the desktop
please go to https://leisurewines.com/home/ and take a look at the second section (WHO WE ARE) on both desktop and mobile
Thanks
Lets start with the “Section Background Overlay”
I ONLY want it on mobile. How do I achieve that ONLY on mobile? On desktop I do not need it
I want to add adjust the position of the images and add overlay on the 4 main sections
WHO WE ARE, LWCRAFT BEER, DISCOVER PURITY, THE GREAT WINE EXPERIMENT
screenshot – https://imgur.com/a/c9qdRX6I tried the following on my site but nothing changed
@media only screen and (max-width:479px) {
#top.home #av_section_1 .av-parallax {
transform: none !important;
}#top.home #av_section_1 .av-parallax-inner {
height: 100vh;
background-size: cover !important;
}
}I also want to add “section background overlay” as soon so the html text over the background images can be more visible ONLY on mobile
works but it is not quite aligning with the menu items below
trying to make it look like this mockup – https://imgur.com/a/EXe6Dq0
Please note i am hiding my logo on JUST the homepage
My site for a global sports tournament – http://www.gt20.ca/
It is still not working on MOBILE
the problem is ONLY on mobile – the replacement image of the first slide on mobile i showing up as
Getting error OBJECT OBJECT
This is requiring me to edit config-templatebuilder > aviashortcodes > slideshow > slideshow.js
I do not want to do that because when I update the theme I will lose all my changes. Can this be done on the child theme?
Thanks
I tried that but it dit not work
Thanks. One final thing
I would like to duplicate that same block on another page which I have done successfully here at http://tridentsportsltd.com/about/ (bottom of page)
How do I apply the same styling to this page as well?
Here are the CSS again that was applied to the homepage:
#top.page-id-206 .avia-content-slider-element-slider .image-overlay {
background: #000000 !important;
}#top.page-id-206 .avia-smallarrow-slider .avia-slideshow-arrows {
width: 100% !important;
top: 150px !important;
}
#top.page-id-206 .avia-content-slider-inner {
margin: 0px 50px;The page ID for this new page is 591
Thanks
quick question
I have changed my site to a coming soon page and the homepage is now hidden unless you go straight to http://tridentsportsltd.com/home/
how do I apply the styles to the coming soon page as well?
here is the new homepage aka http://tridentsportsltd.com/pages/blank-pages/coming-soon-page/I basically need to add the styles so it will show up on here as well
#top.home .avia-content-slider-element-slider .image-overlay {
background: darkgrey !important;
}any update on this ticket?
That did not work – here is my screenshot – https://imgur.com/a/1gH2AfX
Please see login below, you can use it to test
