Westminster New

[RedSpinnaker]

Just had a quick play so it's a bit dirty but you could move the slider image under the home-top div text by

.content-slider {
float: left;
margin-left: -30%; -- you'll need to experiment with the responsive views to see if a % or px is best
width: 65%; -- try altering the width of this and/or slider images to see what fits

and get the home-top div text to overlay the image by

#top-banner {
position: relative;
z-index: 999;

cool thanks so much Simon1066,
Getting a bit late here . . so I'll play with this tomorrow and report back :)

[picaflor-azul]

Hi Anne

Thank you so much for such an amazing template but I would really really like to add a few things and would love it if you you assist me in adding a few things that I personally would like to see on this template without me messing up all the great responsive design you did.

The site currently looks like this: please see the image attached namely "Marshall Now"

As I am relatively new to this I would very much appreciate any and all assistance you could give me in order to make the site look the way I have made it look in Photoshop as depicted in the attached image namely "Marshall Changes"

Thank you for an amazing template and as always your assistance is greatly appreciated

Regards

Erwin

If you post a link to your site and explain exactly what you want to change I can take a look.

Thanks,

Anne

[kitten091182]

Hi,
I am using your template, which is great thanks. The problem is with viewing it on a mobile, the site reverts back to the classic template? It happens on all mobile devices and ipads.

Do you know what could be causing this? I have probably missed off a file or setting somewhere.
Any pointers would be helpful thanks.

[picaflor-azul]

Hi,
I am using your template, which is great thanks. The problem is with viewing it on a mobile, the site reverts back to the classic template? It happens on all mobile devices and ipads.

Do you know what could be causing this? I have probably missed off a file or setting somewhere.
Any pointers would be helpful thanks.

If you post a link to your site I can take a look.

Thanks,

Anne

[ErwinSk8]

Hi Anne

Thank you so much for your reply.

The link to my site is www.marshallmusicdirect.com

I really just want to make a few changes to the landing page.

1. Right in the top where it says "log in" to the left of it I would like to add a home button that I can route to my main info page to make the site more seamless if you know what I mean. The main info page is www.marshallmusic.co.za which is what I would like this icon to link to.

2. In the same location to the right of "Wish List I would like to add a "Contact us" link

3. I would like to make the search box a little bigger and move it down out of its current location in the black upper row into the free space in the header directly below it. Keeping in line with proportion I would like the manufacturers dropdown bellow the search bar and then directly below that a space where I can insert an image stating that we ship for free on all orders over R1000.00

4. Where the Hometop banner is I would like to display the "category list" for ease of access for clients and extend the width of the slider banner a little for more advertising real estate.

5. Lastly I would like to make the four homead buttons to be small and below the image kind of like the initial layout of the template only I need them to be neatly spaced out below the slider. As if that wasn't already taking way too much advantage I was wondering if you could see if it could possibly still work nicely accross all platforms, Mobile, Desktop as well as tablets.

6. Just to top it all off, I added multiple images to my products and the additional images are so small that they are practically not visible so I was wondering if you could maybe give me a solution for that?

I really appreciate all your help and I will attach the image of more or less what I am looking for in terms of the outcome.

Thank you so very much I really appreciate all everything you assist us all with as I am truly learning so much. This whole PHP thing is so much harder than HTML.

Regards

Erwin

[kitten091182]

Hi Anne,
Thanks for the reply. The website is http://www.drgreens.co.uk/

[picaflor-azul]

Hi Anne,
Thanks for the reply. The website is http://www.drgreens.co.uk/

I don't see the problem.



Thanks,

Anne

[OLCS]

I don't see the problem.



Thanks,

Anne

I just checked on my iPad and agree with Anne. There doesn't seem to be a problem...

[RedSpinnaker]

Just had a quick play so it's a bit dirty but you could move the slider image under the home-top div text by

.content-slider {
float: left;
margin-left: -30%; -- you'll need to experiment with the responsive views to see if a % or px is best
width: 65%; -- try altering the width of this and/or slider images to see what fits

and get the home-top div text to overlay the image by

#top-banner {
position: relative;
z-index: 999;

Hi Simon,
I wonder if you can tell me which files you were modifying here?
Cheers
Terry

[simon1066]

Sure,

.content-slider is in includes\templates\westminster_new\css\stylesheet_flex.css line 1 where the original code is

.content-slider {/*box-shadow: 0 5px 7px -5px #333;*/width:65%;float:right;margin-right:15px;} and change to

.content-slider {/*box-shadow: 0 5px 7px -5px #333;*/width:65%;float:left;margin-left:-30%;margin-right:15px;}


and the #top-banner is in includes\templates\westminster_new\css\stylesheet.css line 347 where the original code is

#top-banner{float:left;margin-left:15px;width:30.5%;} and change to

#top-banner{position:relative;z-index:999;float:left;margin-left:15px;width:30.5%;}

I only considered these changes to apply to the full desktop view, things might get a bit tricky with smaller/tablet/mobile views where you will need to start editing the responsive_default.css, responsive_tablet.css and responsive_mobile.css stylesheets - but hopefully, and on reflection, if you use % for your margin offset instead of px you might be ok.

At smaller views the top-banner div holding your text does not ordinarily display - hidden by a {display:none} code in the above three stylesheets. You will need to remove this from all three css files and add your own styling to suit the different views that smaller/tablet/mobile users will see.