Hey all,
I am using a flag selector to translate a website. At the moment I have the flag wrapped in around the social media section, but I would like to move the flag position to the top right of the main container.
I am also struggling to make the flag about 25% bigger to make it easier to select.
Can anyone help with?
the site I am working on is (link removed)
Have you tried validating your page?
Apart from other errors, you have the flag in an <li> element which (a) has no <ul> or <ol> and (b) is a block element so will take up the width of the page.
I havent validated it yet, I will once I get this sorted. I forgot they were in block elements, ah!
I have now removed the Li stuff around the flag and uploaded.
That’s the wrong way round. Validate first and you’ll often find that fixes any problems you’re seeing.
WIll do - any idea how to make the flag bigger? The locale css doesnt seems to allow me to do this easily.
Add font-size to .flag-icon-gb and set it to whatever suits. At the moment, it’s inheriting the 14px font size from body.
Thanks, I got that updated in the minified css file, now uploaded. Any help with moving it to the right? Is it something to do with the relative positioning? On mobile view its too close to all the social media, so would like it on the top right instead.
float: right would move it to the right, plus a padding-top so it doesn’t sit right at the top of the page. Someone else might have a better solution.
With a little bit of tinkering I have it sorted. Thanks for the help guys!!
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.