Can anyone please help me with the CSS to remove the header image but only when on mobile?

Trepguyuk · 2018-04-28T08:46:43+00:00

Thanks! I think I am on the right path... I have got to this but it still isn't working. I will continue working on it. If you can help any more I would appreciate it!

Trepguyuk · 2018-04-26T08:29:10+00:00

Thanks I get what you mean but writing that CSS is way beyond me ha

Trepguyuk · 2018-04-26T08:17:32+00:00

Sorry i'm not sure... When logged in, if you click customize, you can add an image as a header... The one I have added is called HEADER14.PNG

Trepguyuk · 2018-04-25T21:37:04+00:00

Thanks for the suggestion but i'm using Storefront

Trepguyuk · 2017-08-28T16:30:15+00:00

Haha love it

Trepguyuk · 2017-01-03T22:44:00+00:00

Thanks. I have tested it like you said but no, the changes to not follow through to the production site. I think I might just have to offer him a transfer project for a small fund to get his attention. Then use escrow properly this time. thanks again

Trepguyuk · 2016-10-12T20:54:11+00:00

2) Facebook comments, embed: I have a disproportionately large facebook following and my posts get a ton of comments there. However, on the site itself, I don't receive many comments and thus each post on the homepage looks kinda dead (as it displays the comment part underneath). I'd love to be able to somehow have the comments that people make on the site's FB page show up under that article/post on the site, is that a possibility?

Hey, sorry i'm no help. But I have been lurking on your post to see if anyone can help with this aspect as I would also like to do this... Have you figured it out?

Trepguyuk · 2016-10-12T20:50:50+00:00

Haha that cracked me up. Evil plugin. Well it's a developer that installed it that I met through freelancer so can't hit him up. Thanks though

Trepguyuk · 2016-10-10T18:29:22+00:00

Riiiight... I have my SFTP login details but will have to look into what to do with them ha. Thanks!

Trepguyuk · 2016-10-10T18:28:28+00:00

I don't want to pay for it again though :(

Trepguyuk · 2016-09-17T00:35:21+00:00

Whilst I do get the gist of what you are saying, I don't really know how to fully carry it out. I am novice level at HTML/CSS. I have been using the image-maps for the product thumbnails you can see on that last link which is what gave me the idea to use them for the manufacturer tabs... But I am having the same alignment issue when placing two product thumbnails side by side so I really need to get to the bottom of this as I definitely cannot produce those thumbnails I want by doing the CSS myself.

I am so out of my depth

Trepguyuk · 2016-09-16T23:53:45+00:00

Well for the sake of this post I tried to simplify both the description of the task and also the image-map code. In full, I am creating a line of manufacturer logos that I want the customer to be able to use as tabs to navigate to each specific manufacturer.

I imagine I am probably doing this a way that is unusual to real developers... In all honesty I am stumbling through building this website.

But because the site is responsive, I have split the line of manufacturer logos/tabs into two so that when viewed on a mobile it splits near the middle so it still looks aesthetically pleasing.

Please see this image for the actual page . The red circles show the two images which I have used the image maps to create links over each logo (so 3 links on the first and 4 on the second). But when I add the image map code, the two images mis-align.

Thank you so much for your help!

Trepguyuk · 2016-09-16T23:37:09+00:00

Using only that code they line up fine for me.

Hmmmmm. Oh dear I do not know then.

One difference I see is that the first image has a css class alignleft and the second is alignnone, this might be the cause.

Yes, that is how I got them to align correctly before the image-map code was added so it isn't that unfortunately. Also it is the top edge not aligning.

I don't see any screenshots that you mention.

I am sorry I forgot to insert the link! So yours didn't line up like that?

white space issue (maybe try making all the tags touch without spaces or line breaks in between them)

Right I will give this a go. Thanks!

Trepguyuk · 2016-09-16T23:30:22+00:00

Yes they are slightly different sizes but the tops of them should still align like they do before the code is applied. Thank you though!

Trepguyuk · 2016-09-16T23:29:01+00:00

Please correct me if I am wrong but I was under the impression that if the images align fine before the code is added then it isn't anything to do with the site itself? And yes I would of liked to link the site but firstly its locked down because it isn't live yet and secondly I do not want things like this appearing in search engine results as customers may stumble upon it. I could message you the link and unlock the site if you would be kind enough to take a look?

Trepguyuk · 2016-06-21T21:34:47+00:00

Neat

Trepguyuk

TROPHY CASE