[Jeff]

I created a child theme for my site, tdotargetmarketing.com. If you look, you’ll see the header has three buttons. I broke the header down to the table you see below. Slice 3, 5 and 7 are the buttons on the site that need to be clickable. I created pages for those three buttons so I have the url/page. I added this table below in the editor section of the childtheme’s css file. Now, I think I need to go to the Themes Option and scroll down to the Custom Css and add #header {} with the url/page location but this is where I’m stuck. Not sure of the proper sequence.

Don’t laugh, lol… I just finished the HTML/CSS basic course on Codecademy so I’m getting it but just not quite there. Can anyone help with this?

[Sakin]

@Jeff: This forum will not accept code like that. Please paste your code in http://gist.github.com/ and then add the link here.

[Jeff]

@Sakin… yeah, I tried to edit/delete it and couldn’t. Anyway, here is a link to the table I was trying to post.

Its in Dropbox but made a tinyurl: http://tinyurl.com/op2oo7z

I appreciate any help. I’m working to be a developer and need to work through this so I can learn how to make better sites and be a good dev.

[Sakin]

@Jeff: Sorry I don’t think you will be able to add the table with image and link in responsive design site. Also right now I see that you are using “Header Image” but you want to break that header image.

So the option will be to disable “Responsive Design” from “Appearance => Theme Options => Responsive Design Options”.

Then you can use image mapping like this http://www.w3schools.com/tags/tag_map.asp

Sorry but I would like you to take help from your Codecademy tutor as this is bit complex.

[Jeff]

If I disable the Responsive design then won’t that stop the site from displaying correctly when a mobile user visits the site?

[Sakin]

@Jeff: It will be same as in the Desktop view.

[Author]

Posts