Responsive a static block - Magento 1.9.2Full Width SliderStatic block slider issueMagento Responsive CSS blockWYSIWYG editor in static block is deleting HTML codeMagento 1.9.2 Responsivebannerslider sider not workingStatic block non functionalStatic blocks rendering short code on front end - after whitelistingHome page stopped importing static blocksMagento responsiveHow do I manually add a permission for a Static Block to the Database?
Shouldn’t conservatives embrace universal basic income?
Can I say "fingers" when referring to toes?
A Trivial Diagnosis
Delete multiple columns using awk or sed
Is there any evidence that Cleopatra and Caesarion considered fleeing to India to escape the Romans?
How can ping know if my host is down
How to preserve electronics (computers, iPads and phones) for hundreds of years
How do I fix the group tension caused by my character stealing and possibly killing without provocation?
awk assign to multiple variables at once
Why is the "ls" command showing permissions of files in a FAT32 partition?
What is going on with gets(stdin) on the site coderbyte?
How would you translate "more" for use as an interface button?
C++ copy constructor called at return
Quoting Keynes in a lecture
Is this toilet slogan correct usage of the English language?
How can I write humor as character trait?
Does an advisor owe his/her student anything? Will an advisor keep a PhD student only out of pity?
Why does Carol not get rid of the Kree symbol on her suit when she changes its colours?
Why is so much work done on numerical verification of the Riemann Hypothesis?
Review your own paper in Mathematics
Mimic lecturing on blackboard, facing audience
Is this part of the description of the Archfey warlock's Misty Escape feature redundant?
Why does this expression simplify as such?
A variation to the phrase "hanging over my shoulders"
Responsive a static block - Magento 1.9.2
Full Width SliderStatic block slider issueMagento Responsive CSS blockWYSIWYG editor in static block is deleting HTML codeMagento 1.9.2 Responsivebannerslider sider not workingStatic block non functionalStatic blocks rendering short code on front end - after whitelistingHome page stopped importing static blocksMagento responsiveHow do I manually add a permission for a Static Block to the Database?
I was able to create full width sliders on a single page using custom css added to the design tab for the page:
<reference name="head">
<action method="addItem"><type>skin_css</type>
<name>css/fullwidth.css</name><params/></action>
</reference>
However, static blocks added to that page ignore this and are not responsive. Anybody have any ideas on this?
https://www.staging.jewelsbygrace.com
magento-1.9 static-block rwd slider
bumped to the homepage by Community♦ yesterday
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
add a comment |
I was able to create full width sliders on a single page using custom css added to the design tab for the page:
<reference name="head">
<action method="addItem"><type>skin_css</type>
<name>css/fullwidth.css</name><params/></action>
</reference>
However, static blocks added to that page ignore this and are not responsive. Anybody have any ideas on this?
https://www.staging.jewelsbygrace.com
magento-1.9 static-block rwd slider
bumped to the homepage by Community♦ yesterday
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
add a comment |
I was able to create full width sliders on a single page using custom css added to the design tab for the page:
<reference name="head">
<action method="addItem"><type>skin_css</type>
<name>css/fullwidth.css</name><params/></action>
</reference>
However, static blocks added to that page ignore this and are not responsive. Anybody have any ideas on this?
https://www.staging.jewelsbygrace.com
magento-1.9 static-block rwd slider
I was able to create full width sliders on a single page using custom css added to the design tab for the page:
<reference name="head">
<action method="addItem"><type>skin_css</type>
<name>css/fullwidth.css</name><params/></action>
</reference>
However, static blocks added to that page ignore this and are not responsive. Anybody have any ideas on this?
https://www.staging.jewelsbygrace.com
magento-1.9 static-block rwd slider
magento-1.9 static-block rwd slider
edited Apr 7 '17 at 3:03
PЯINCƏ
8,34631143
8,34631143
asked Apr 6 '17 at 20:15
Peter WalbergPeter Walberg
111
111
bumped to the homepage by Community♦ yesterday
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
bumped to the homepage by Community♦ yesterday
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
You need to add @media queries on you CSS to making responsive.
add a comment |
1- Firstly Check if you have correctly loaded your fullwidth.css
to do this open the source code of your website and search fullwidth.css
If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work.
To add a css file:
in local.xml
<default>
<reference name="head">
<action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action>
</reference>
<default>
2- you can put do your slider on fullwith and responsive using Bootstrap
Forexemple:
<div class="container-fluid"> //fullwith container
<div class="row">
<div class="col-md-12">
//here your slider code
</div>
</div>
</div>
This one worked for me! 1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work. To add a css file: in local.xml <reference name="head"> <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action> </reference>
– Peter Walberg
May 4 '17 at 18:57
So if this is worked for you, please accept the answer.
– PЯINCƏ
May 4 '17 at 20:26
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f168037%2fresponsive-a-static-block-magento-1-9-2%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
You need to add @media queries on you CSS to making responsive.
add a comment |
You need to add @media queries on you CSS to making responsive.
add a comment |
You need to add @media queries on you CSS to making responsive.
You need to add @media queries on you CSS to making responsive.
answered Apr 6 '17 at 20:20
Rafael Corrêa GomesRafael Corrêa Gomes
4,59223265
4,59223265
add a comment |
add a comment |
1- Firstly Check if you have correctly loaded your fullwidth.css
to do this open the source code of your website and search fullwidth.css
If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work.
To add a css file:
in local.xml
<default>
<reference name="head">
<action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action>
</reference>
<default>
2- you can put do your slider on fullwith and responsive using Bootstrap
Forexemple:
<div class="container-fluid"> //fullwith container
<div class="row">
<div class="col-md-12">
//here your slider code
</div>
</div>
</div>
This one worked for me! 1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work. To add a css file: in local.xml <reference name="head"> <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action> </reference>
– Peter Walberg
May 4 '17 at 18:57
So if this is worked for you, please accept the answer.
– PЯINCƏ
May 4 '17 at 20:26
add a comment |
1- Firstly Check if you have correctly loaded your fullwidth.css
to do this open the source code of your website and search fullwidth.css
If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work.
To add a css file:
in local.xml
<default>
<reference name="head">
<action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action>
</reference>
<default>
2- you can put do your slider on fullwith and responsive using Bootstrap
Forexemple:
<div class="container-fluid"> //fullwith container
<div class="row">
<div class="col-md-12">
//here your slider code
</div>
</div>
</div>
This one worked for me! 1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work. To add a css file: in local.xml <reference name="head"> <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action> </reference>
– Peter Walberg
May 4 '17 at 18:57
So if this is worked for you, please accept the answer.
– PЯINCƏ
May 4 '17 at 20:26
add a comment |
1- Firstly Check if you have correctly loaded your fullwidth.css
to do this open the source code of your website and search fullwidth.css
If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work.
To add a css file:
in local.xml
<default>
<reference name="head">
<action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action>
</reference>
<default>
2- you can put do your slider on fullwith and responsive using Bootstrap
Forexemple:
<div class="container-fluid"> //fullwith container
<div class="row">
<div class="col-md-12">
//here your slider code
</div>
</div>
</div>
1- Firstly Check if you have correctly loaded your fullwidth.css
to do this open the source code of your website and search fullwidth.css
If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work.
To add a css file:
in local.xml
<default>
<reference name="head">
<action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action>
</reference>
<default>
2- you can put do your slider on fullwith and responsive using Bootstrap
Forexemple:
<div class="container-fluid"> //fullwith container
<div class="row">
<div class="col-md-12">
//here your slider code
</div>
</div>
</div>
answered Apr 6 '17 at 22:39
PЯINCƏPЯINCƏ
8,34631143
8,34631143
This one worked for me! 1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work. To add a css file: in local.xml <reference name="head"> <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action> </reference>
– Peter Walberg
May 4 '17 at 18:57
So if this is worked for you, please accept the answer.
– PЯINCƏ
May 4 '17 at 20:26
add a comment |
This one worked for me! 1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work. To add a css file: in local.xml <reference name="head"> <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action> </reference>
– Peter Walberg
May 4 '17 at 18:57
So if this is worked for you, please accept the answer.
– PЯINCƏ
May 4 '17 at 20:26
This one worked for me! 1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work. To add a css file: in local.xml <reference name="head"> <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action> </reference>
– Peter Walberg
May 4 '17 at 18:57
This one worked for me! 1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work. To add a css file: in local.xml <reference name="head"> <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action> </reference>
– Peter Walberg
May 4 '17 at 18:57
So if this is worked for you, please accept the answer.
– PЯINCƏ
May 4 '17 at 20:26
So if this is worked for you, please accept the answer.
– PЯINCƏ
May 4 '17 at 20:26
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f168037%2fresponsive-a-static-block-magento-1-9-2%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown