Article inset and Banner module

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Dec 22, 2014 8:37 pm
Reply with quote
Report this post
Hi
I'm using Game. I'd like to use the article inset position to display the Banner module. I have two issues with this currently:

an example page can be found here: http://dev.counterfire.org/articles/opinion/17317-ten-reasons-to-get-active-and-stop-ttip

1] the Banner module in article inset displays as a very narrow column on an iPhone:
dev_screen.png


2] In Desktop view the Tags are moved from the bottom of the article to a position below the article inset Banner module, which is OK, however they are too close to the article text, I've not been able to increase their distance from the article column and align them with the article inset content:
tags_article_inset.png


Any advice on the resolution of these two issues would be gratefully received :)
User avatar
Senior Boarder

GK User
Tue Dec 23, 2014 11:42 am
Reply with quote
Report this post
I've solved this mostly by adding the following code to my override.css file:

/* tags */
div.tags {
margin: 0;
float:left;
}

/* Article inset for mobile */

@media all and (max-width: 600px) {
#gkArticleInset {
clear:both;
float:left;
width:100%;
min-width:260px;
padding:0;
margin:0 4px 20px 4px;
}
}
User avatar
Senior Boarder

teitbite
Tue Dec 23, 2014 8:41 pm
Reply with quote
Report this post
Hi

This looks like a solid solution. Thank You for shearing. If You will have any other issues please do not hesitate to ask.
User avatar
Moderator


cron