Forum Replies Created
-
Posts
-
this is also happening to the url https://www.moroccanventures.com
Hi Victoria,
Its not the same for me, if you go on the page in the private content and scroll down there is no margins on the left or right and the grid of tours should be at full screen with no margin, as i have added the CSS code Jordan sent over. Maybe if you shrink the browser window down you will see it i have checked with Chrome, Safari and Firefox and i’m still getting this issueHi Jordan,
You can see the image of the footer here, you can see the right and left edge of the footer content has no margin. would be great to have a small margin on these edges.
http://photobucket.com/gallery/user/bejan2k/media/cGF0aDovVW50aXRsZWRfNl96cHNsanZwYmJ0ai5qcGc=/?ref=thanks
Hi Jordan,
Yes i want to footer back to the way it was but i don’t want it to effect the margins of the grid you gave me, as I am happy with this now. I have changed the destinations page you can see it here:
http://moroccanventures.com/marrakechtours/ orYou can see the footer on the page at the bottom is over to the left as there is no left margin for this i basically want it the the default way ;)
Hi Jordan,
Thanks for that code it working on the grid of items, only thing is it adjusted my margin for the footer on my website do you have any CSS code to put just for the footer so the elements are centred?
Thanks
BejanAhh apologies, you can see my one here:
or similar to this but not with uneven boxes more to a perfect size box
Thanks Jordan, thats perfect. Do you also have any advise into how to create a full screen grid of the tours I have rather then the boxed grid with gaps? I know it is possible to do this with the portfolio items but as i’m using the products section instead is it possible to do with these also?
Thanks
BejanHi Jordan this is the CSS code could this be causing the issues if so could you do the code so its better?:P
@media only screen and (max-width:767px) {
#header_meta {
background-color: black !important;
color: #fff !important;
}@media only screen and (max-width: 767px) {
#header_meta {
display: none;
}
.responsive .logo {
top: 20px;
}
ul.cart_dropdown {
display:none !important;
}
@media only screen and (max-width: 450px) {
.avia-section-large .content {
padding-top: 58%;
padding-bottom: 70px;
}Well i am updating the slideshow caption heading, buttons and slideshow titles and nothing is happining the font seems to be stuck with a default bold font. It is strange because when i remove the CSS code i entered it then works. The CSS code shouldn’t effect the text.
Just tried that now but the pagination dots are still underneath the IOS toolbar and the slider toggle arrows seem slightly lower at first load. Is there another code i could try to make the image, arrows and pagination sit above the ios toolbar?
thanks
BejanThanks Mike the toggle dots are working now!:) I also explored and found how to align the images to centre so no worrys about thats.
Just a another question is there a way to set the slider to have a minimum height for mobile I.e 480px as when previewed on mobile the toggle controls are alot lower instead of centre of the image i currently cant see the pagination dots without scrolling up and the image on mobile extends lower so i have to scroll up the view the extra bit of the image rather then see it all in full view
would really appreciate if you could suggest a way to fix this
thank you!
Hi Mike, just tried that code now and it has worked only thing is there is a slight drop shadow remaining around the sub menu is there a way to remove that also?
thanks
