Forum Replies Created
-
Posts
-
Hi Rikard,
Yes I had already checked that, I actually went into the media library > selected the pdf I wanted to link to and then copied the url from there into a footer text widget… doesn’t work for unknown reason.
Could you have another look?
Thanks so much,
LisaThanks Vinay, but that didn’t work either… could some of my other css be causing the problem?
Thanks, lisaHi Vinay,
It did something but it’s not working properly yet.
The shopping cart moves too early now and overlaps the normal menu and when I make the screen smaller it moves around and hides behind the main menu toggle ..Could you have another look at it?
Thank you so much,
kind regards,
LisaHi,
I’ve put the above css in but it makes the grid images appear 100% in every screen size (even bigger then 767px) which is weird.
I also tried this:
@media only screen and (max-width: 700px) {
#top .no_margin.av_one_third {
width:100% !important;
}
}
But then nothing happens….
Could you have one more look at this for me?
Thank you!!!
LisaHi,
I’ve started this thread a while ago and I thought I’d sent the login details but maybe something went wrong. I’m still trying to solve this problem so if you could help me that would be fantastic!
Thanks,
LisaThanks Yigit, that worked! (you did forgot the exclamation mark in front of “important”)
One more question: When I resize the screen to about 700px the header becomes black and no longer transparent..
I’ve tried the following css but I’m not sure if this is the right way to address transparency….@media only screen and (max-width: 767px)
{
.av_header_transparency
div#header_main {
background-color:transparent;
}}And I’ve tried this:
@media only screen and (max-width: 767px)
{
.av_header_transparency
div#header_main {
transparency: 0 !important;
}}Any idea what could work?
Thanks,
LisaHi Ismael,
I didn’t get what you meant with changing the header to transparent, but it is a setting on the page editor.. Ok I fixed that problem. Thanks!
My last question ( and then my site is finished!!) :On the graphic design page I used an icon list at the bottom of the page.
I changed the padding so the lines wouldn’t be so far apart, with this css:li.avia_start_animation {
padding-bottom:5px;
}
but now the animated effect is all jerky.
Is there a way to change this with css?Thank you!
LisaHi,
I have another question:
On the graphic design page I used an icon list at the bottom of the page.
I changed the padding so the lines wouldn’t be so far apart, with this css:li.avia_start_animation {
padding-bottom:5px;
}
but now the animated effect is all jerky.
Is there a way to change this with css?Thank you,
LisaHi Ismael,
I just wanted the header (logo section) to be white (not transparent) and thought it would be consistent over all pages.
I don’t know why the page (graphic design page) that I made from a template page (web design page) does not behave the same as the original page… Is there a way to fix this problem so all my pages are consistent?When I resize the screen to about 700 pixels the orange header is higher than on the bigger screen. I’ve reduced the height on the smaller screen with the following css:
@media only screen and (max-width: 767px) {
div#av_section_1 {
height:380px !important;
}}
But now the arrow at the bottom border floats in mid air and is not attached to the colour section… and on the graphic design page the arrow disappears all together…
Any ideas how to fix this?
Thanks,
LisaHi,
Thanks the backgrounds on the bigger screens are now fixed (I put the css in the stylesheet and not in the quick css, that’s why it wasn’t working..)
And the menu toggle looks consistent now too, thanks.On all pages except the “graphic design” page the height of the orange header changes when you resize the browser to about 700 px. I’d like it to stay the same height of 430 pixels. Do you know how I can keep this the same for all pages? (so like on the graphic design page)
One more thing : the “active” and “hover” of the menu are changing colour on the graphic design page, this is how I want it. On all other pages the colour doesn’t change, would you know how to fix this?
Thank you so much for your time,
LisaHi again,
I just came across another strange problem that I’m hoping you could have a look at…
When making pages I used the demo pages and edited them. I needed another page however, so I saved one page as a template and turned that into a new page called: graphic design.
The problem is that this page behaves differently than all the other pages… I actually like it better than the other pages, but now if I edit something with css it’s never consistent over all pages.
I’m not sure what I’ve done wrong. But if you have any idea how I could make all pages act like the “graphic design” page that would be great.
(things that are different are: mobile toggle box colours, height of orange colour section headline on smaller screens get higher, menu underline and colours.)
Thank you,
LisaHi,
I’ve tried the following css but it doesn’t make the background fixed on bigger screens….
@media only screen and (min-width: 480px) {
div#home-contact-form .avia-section {
background-attachment:fixed !important;
}
div#home-service-bg {
background-attachment:fixed !important;
}
}Any ideas?
Thank you,
LisaHi, I’ve fixed the background and missing content problem, by changing the background-attachment to “scroll”.
My logo is still overlapped by the menu toggle box… any ideas for this problem?Thank you,
LisaHi again…
I just tried changing all different background sections to “scroll” And then it works; backgrounds and content are back!
My question now is: I’d like to have fixed background on my main site, so with css how could I make the backgrounds scroll ONLY on phone size. I’ve tried this:@media only screen and (max-width: 480px) {
div#home-contact-form .avia-section {
background-attachment:scroll !important;
}
}
but it’s not working
Any ideas?My logo is also still covered by menu toggle box even though I put this css in:
@media only screen and (max-width: 480px) {
.responsive .logo img {
max-width: 220px !important;
}}
It works on an Iphone, and with a different site this css worked on windows phone, but for some reason it doesn’t work on this site…Your help is much appreciated
Cheers,
LisaHi,
I’ve just updated my windows phone to 8.1 And now everything looks crap… :(
The logo is cut off by the menu toggle box.
The backgrounds don’t show up properly
Half the content is missing…
Can someone with a windows phone check my site and see if they get the same problem??
I don’t know where to start fixing, does anyone have any suggestions?Thanks,
LisaYes, the text is not inside the button (dropdown menu) How do I keep the text inside the button???
Thanks,Hi Elliott,
That’s not the problem. I’ve changed my header height in Enfold>Header>Header Size to 170px, which also made each button of the dropdown menu that height, which looked weird. So I’ve changed the submenu height with css:
#top .main_menu .menu .sub-menu li>a {height: 50px !important;}
And after doing this, I noticed that the text is no longer inside the buttons. How can I move the text back into the buttons? And also, if I move the menu up a bit by adding: #top .main_menu .menu .sub-menu li>a {position:relative; top:-40px; }Please have a look at my site and you’ll see what I mean…
Thank you,
Lisa
